@charset "utf-8";
body {
	background: #ebebeb;
	font-family: "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", "\9ED1\4F53", Arial, sans-serif;
	color: #222;
	font-size: 12px;
}
* {
	padding: 0px;
	margin: 0px;
}

.top_div {
	background: #009688;
	width: 100%;
	height: 350px;
}

.context_top{
	background: rgb(255, 255, 255); 
	margin: -100px auto auto; 
	border: 1px solid rgb(231, 231, 231); 
	border-image: none; 
	width: 510px; 
	height: 270px; 
	text-align: center;
}

.tilte_top{
	font-size: 34px;
    font-weight: bold;
    color: white;
    text-align: center;
    padding-top: 86px;
}

.ipt {
	font-size: 15px;
	border: 1px solid #d3d3d3;
	padding: 10px 10px;
	width: 340px;
	border-radius: 4px;
	padding-left: 35px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.ipt:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.u_logo {
	background: url("../images/login/username.png") no-repeat;
	padding: 10px 10px;
	position: absolute;
	top: 46px;
	left: 72px;
}

.p_logo {
	background: url("../images/login/password.png") no-repeat;
	padding: 10px 10px;
	position: absolute;
	top: 15px;
	left: 72px;
}

a {
	text-decoration: none;
}

.tou {
	background: url("../images/login/tou.png") no-repeat;
	width: 97px;
	height: 92px;
	position: absolute;
	top: -87px;
	left: 140px;
}

.left_hand {
	background: url("../images/login/left_hand.png") no-repeat;
	width: 32px;
	height: 37px;
	position: absolute;
	top: -38px;
	left: 150px;
}

.right_hand {
	background: url("../images/login/right_hand.png") no-repeat;
	width: 32px;
	height: 37px;
	position: absolute;
	top: -38px;
	right: -64px;
}

.initial_left_hand {
	background: url("../images/login/hand.png") no-repeat;
	width: 30px;
	height: 20px;
	position: absolute;
	top: -12px;
	left: 100px;
}

.initial_right_hand {
	background: url("../images/login/hand.png") no-repeat;
	width: 30px;
	height: 20px;
	position: absolute;
	top: -12px;
	right: -112px;
}

.left_handing {
	background: url("../images/login/left-handing.png") no-repeat;
	width: 30px;
	height: 20px;
	position: absolute;
	top: -24px;
	left: 139px;
}

.right_handinging {
	background: url("../images/login/right_handing.png") no-repeat;
	width: 30px;
	height: 20px;
	position: absolute;
	top: -21px;
	left: 210px;
}

.btn_dl{
	background: #009688;
	padding: 7px 10px; 
	border-radius: 4px; 
	border: 1px solid #078e81;
	border-image: none; 
	color: rgb(255, 255, 255); 
	letter-spacing: 15px;
	width: 390px;
	font-size: 20px;
	cursor: pointer;
	color: white;
}
.btn_div{
	margin-top: 15px;
}

.btn_dl:hover{
	background-color: #099285;
}

.error_tx{
	color: #ff7575;
	display: none;
	font-size: 14px;
	padding-left: 65px;
	text-align: left;
}
